@charset "UTF-8";
:root {
--typeHeading: "Arial, 'Helvetica Neue', Helvetica, sans-serif";
--fontSizeHeading: 26px;
--typeAccent: "Arial, 'Helvetica Neue', Helvetica, sans-serif";
--fontSizeAccent: 20px;
--typeBody: "Arial, 'Helvetica Neue', Helvetica, sans-serif";
--fontSizeBody: 14px;
--colorTheme: #FCCC4F;
--colorHeading: lightgreen;
--colorSubheading: lightblue;
--colorBody: #212529;
--colorSecondary: #909399;
--colorBorder: #FF0000;
--colorPrice: #FCCC4F;
--colorButton: #FF00FF;
--colorButtonLabel: #FFFFFF;
--dividerHeight: 10px;
--colorCopyright: #fff;
--colorCopyrightText: #707b87
}
.btn {
transition: all .25s;
padding-left: 24px;
padding-right: 24px
}
.btn-primary {
background-color: #085C9C;
color: #FFFFFF;
border-color: #085C9C
}
.btn-primary:hover {
background-color: #FFFFFF;
color: #085C9C;
border: 1px solid #085C9C
}
.btn-outline-primary {
border-color: #085C9C;
color: #085C9C
}
.btn-outline-primary:hover {
background-color: #085C9C;
color: #FFFFFF;
border-color: #085C9C
}
@media (max-width:768px) {
.col-no-gap {
padding: 0 !important
}
}
body {
margin: 0;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 15px;
color: #5C5C5C;
overflow-x: hidden
}
.btn-secondary {
border: 1px solid #000;
background: 0 0;
color: #000
}
.btn-secondary.white {
border-color: #fff;
color: #fff
}
.btn-secondary:hover {
background-color: #000;
border-color: #000
}
.btn {
border-radius: 0;
position: relative
}
h1 {
color: #181818;
font-family: #181818;
font-size: 28px
}
.text-secondary {
color: #909399 !important
}
.btn-slide {
padding: 12px 50px;
position: relative;
transition: all .3s;
overflow: hidden
}
.btn-slide:before {
position: absolute;
content: '';
width: 50px;
height: 200%;
background: rgba(0, 0, 0, .2);
top: -50%;
right: -20px;
transform: rotate(-9deg);
transition: all .3s;
opacity: 0
}
.btn-slide:after {
position: absolute;
right: 0;
content: '>';
color: #fff;
padding: 0 0 0 16px;
font-family: cursive;
font-weight: 700;
transition: all .3s;
opacity: 0
}
.btn-slide:hover {
padding-left: 35px;
padding-right: 65px
}
.btn-slide:hover:before {
opacity: 1;
right: 0
}
.btn-slide:hover:after {
opacity: 1;
right: 24px
}
.divider {
position: relative
}
.divider.center,
.divider.text-center {
margin-bottom: 50px
}
.divider.center:after,
.divider.text-center:after {
content: '';
position: absolute;
height: 4px;
width: 40px;
left: calc(50% - 20px);
background-color: #01508D;
bottom: -20px
}
@media (max-width:768px) {
.divider.center,
.divider.text-center {
margin-bottom: 40px
}
}
.divider.left:before,
.divider.text-left:before {
content: "";
margin-right: 10px !important;
border-left: 4px solid #01508D
}
.divider.right:after,
.divider.text-right:after {
content: "";
margin-left: 10px !important;
border-left: 4px solid #01508D
}
.pagination {
margin-top: 20px
}
.pagination .page-item .page-link:hover {
color: #01508D;
border-color: #01508D
}
.pagination .page-item.active .page-link {
color: #01508D;
border-color: #01508D
}
.text-price {
color: #007AC6
}
.btn-price {
background-color: #007AC6;
color: #fff
}
.relative {
position: relative !important;
border: 1px solid red
}
.sku-group .sku-group-item .sku-group-name {
margin-bottom: 0
}
.sku-group .sku-group-item:not(:last-child) {
margin-bottom: 1rem
}
.sku-group .sku-group-item .sku-group-property {
padding: 0;
margin: 0
}
.sku-group .sku-group-item .sku-group-property .sku-group-key {
border: 1px #c5c8cf solid;
background-color: #fff;
border-radius: 3px;
padding: 4px 8px;
margin: 10px 10px 0 0;
display: inline-block;
text-align: center;
overflow: hidden;
vertical-align: middle;
cursor: pointer
}
.sku-group .sku-group-item .sku-group-property .sku-group-key.active {
background-color: #01508D;
border-color: #01508D;
color: #fff
}
.sku-group .sku-group-item .sku-group-property .sku-group-key.disabled {
color: #cfcfcf;
cursor: default
}
.gutter-small {
margin-right: -8px;
margin-left: -8px
}
.gutter-small>.col,
.gutter-small>[class*=col-] {
padding-right: 8px;
padding-left: 8px;
margin-bottom: 8px;
margin-top: 8px
}
.align-items-stretch img {
object-fit: cover;
object-position: center;
height: 100%
}
.align-items-stretch .embed-responsive {
height: 100%
}
.fo-title {
background-size: cover
}
.fo-title .container {
background-size: cover
}
.fo-title .container div {
display: flex;
align-items: center
}
.fo-title .container h1,
.fo-title .container h2,
.fo-title .container h3,
.fo-title .container h4,
.fo-title .container h5,
.fo-title .container h6 {
margin: 0;
position: relative
}
.fo-title .container.text-right div {
justify-content: flex-end
}
.fo-title .container.text-left div {
justify-content: flex-start
}
.fo-title .container.text-center div {
justify-content: center
}
.fo-title.fo-title-both h1:after,
.fo-title.fo-title-both h1:before,
.fo-title.fo-title-both h2:after,
.fo-title.fo-title-both h2:before,
.fo-title.fo-title-both h3:after,
.fo-title.fo-title-both h3:before,
.fo-title.fo-title-both h4:after,
.fo-title.fo-title-both h4:before,
.fo-title.fo-title-both h5:after,
.fo-title.fo-title-both h5:before,
.fo-title.fo-title-both h6:after,
.fo-title.fo-title-both h6:before {
content: '';
position: absolute;
width: 40px;
top: calc(50% - 2px)
}
.fo-title.fo-title-both h1:before,
.fo-title.fo-title-both h2:before,
.fo-title.fo-title-both h3:before,
.fo-title.fo-title-both h4:before,
.fo-title.fo-title-both h5:before,
.fo-title.fo-title-both h6:before {
border-top: 4px solid #01508D;
left: -55px
}
.fo-title.fo-title-both h1:after,
.fo-title.fo-title-both h2:after,
.fo-title.fo-title-both h3:after,
.fo-title.fo-title-both h4:after,
.fo-title.fo-title-both h5:after,
.fo-title.fo-title-both h6:after {
border-top: 4px solid #01508D;
right: -55px
}
.fo-title.fo-title-top h1,
.fo-title.fo-title-top h2,
.fo-title.fo-title-top h3,
.fo-title.fo-title-top h4,
.fo-title.fo-title-top h5,
.fo-title.fo-title-top h6 {
padding-top: 15px
}
.fo-title.fo-title-top h1:after,
.fo-title.fo-title-top h2:after,
.fo-title.fo-title-top h3:after,
.fo-title.fo-title-top h4:after,
.fo-title.fo-title-top h5:after,
.fo-title.fo-title-top h6:after {
content: '';
position: absolute;
width: 40px;
top: 0;
left: calc(50% - 20px);
border-top: 4px solid #01508D
}
.fo-title.fo-title-bottom h1,
.fo-title.fo-title-bottom h2,
.fo-title.fo-title-bottom h3,
.fo-title.fo-title-bottom h4,
.fo-title.fo-title-bottom h5,
.fo-title.fo-title-bottom h6 {
padding-bottom: 15px
}
.fo-title.fo-title-bottom h1:after,
.fo-title.fo-title-bottom h2:after,
.fo-title.fo-title-bottom h3:after,
.fo-title.fo-title-bottom h4:after,
.fo-title.fo-title-bottom h5:after,
.fo-title.fo-title-bottom h6:after {
content: '';
position: absolute;
width: 40px;
bottom: 0;
left: calc(50% - 20px);
border-bottom: 4px solid #01508D
}
.fo-title.fo-title-left h1,
.fo-title.fo-title-left h2,
.fo-title.fo-title-left h3,
.fo-title.fo-title-left h4,
.fo-title.fo-title-left h5,
.fo-title.fo-title-left h6 {
content: "";
padding-left: 15px !important;
border-left: 4px solid #01508D
}
.fo-title.fo-title-right h1,
.fo-title.fo-title-right h2,
.fo-title.fo-title-right h3,
.fo-title.fo-title-right h4,
.fo-title.fo-title-right h5,
.fo-title.fo-title-right h6 {
content: "";
padding-right: 15px !important;
border-right: 4px solid #01508D
}
.fo-title .container+.fo-title-summary {
margin-top: 2rem
}
.fo-title+.container {
margin-top: 2rem
}
.tab-content .tab-pane {
padding-top: 30px
}
@media (max-width:768px) {
.tab-content .tab-pane {
padding-top: 15px
}
}
.nav-tabs .nav-item {
cursor: pointer;
padding: 15px 24px;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 14px;
color: #5C5C5C
}
.nav-tabs .nav-item.active {
color: #01508D;
border-bottom: 2px solid #01508D
}
.sidebar h3 {
border-bottom: 1px solid #01508D;
font-size: var(--fontSizeContentHeading);
font-family: var(--typeContentHeading);
margin-bottom: 15px;
padding-bottom: 10px
}
.sidebar .sidebar-catalog {
list-style: none;
padding: 0
}
.sidebar .sidebar-catalog>li:nth-of-type(odd) a {
background-color: rgba(0, 0, 0, .5)
}
.sidebar .sidebar-catalog li {
position: relative
}
.sidebar .sidebar-catalog li .open-placeholder {
position: absolute;
width: 36px;
height: 36px;
right: 0;
top: 0;
cursor: pointer
}
.sidebar .sidebar-catalog li .open-placeholder:after {
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #fff;
position: relative;
content: '';
display: inline-block;
height: 8px;
width: 8px;
top: 8px;
margin-left: 12px;
box-sizing: content-box;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
transition: all .2s ease-in-out
}
.sidebar .sidebar-catalog li .open-placeholder.show:after {
top: 5px;
transform: rotate(135deg)
}
.sidebar .sidebar-catalog li a {
position: relative;
display: block;
overflow: hidden;
padding: 8px 15px;
font-weight: 400;
background-color: rgba(0, 0, 0, .4);
transition: all .25s;
color: #fff;
margin-bottom: 1px
}
.sidebar .sidebar-catalog li a.active,
.sidebar .sidebar-catalog li a:hover {
background-color: rgba(0, 0, 0, .6)
}
.sidebar .sidebar-catalog li ul li a {
padding-left: 30px
}
.sidebar .sidebar-catalog li ul li ul li a {
padding-left: 45px
}
.sidebar .sidebar-catalog ul:not(.show) {
display: none
}
.sidebar:not(:last-child) {
margin-bottom: 40px
}
@media (max-width:768px) {
.sidebar:not(:last-child) {
margin-bottom: 25px
}
.sidebar .product-detail-description {
margin-top: 0;
margin-bottom: 0
}
}
.breadcrumb .breadcrumb-item a {
color: #6c757d
}
.breadcrumb:before {
color: #6c757d;
margin-right: 5px
}
.fo-collection-describe {
position: relative
}
.fo-collection-describe p:not(:last-child) {
margin-top: 10px
}
.fo-collection-describe.close {
max-height: 180px;
overflow: hidden
}
.fo-collection-describe.close:before {
content: '';
position: absolute;
width: 100%;
height: 60px;
background: linear-gradient(180deg, rgba(252, 251, 252, 0), #fff);
z-index: 2;
left: 0;
bottom: 0
}
.fo-collection-more {
font-size: 16px;
cursor: pointer;
padding-top: 6px;
padding-bottom: 6px;
display: none;
color: #01508D
}
.embed-responsive-player {
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
background: rgba(0, 0, 0, .2)
}
.embed-responsive-player:before {
font-family: fo !important;
content: "\e8d0";
font-size: 3.75rem;
color: rgba(255, 255, 255, .5);
transition: all .25s
}
.embed-responsive-player:hover:before {
color: rgba(255, 255, 255, .7)
}
.embed-responsive-video {
z-index: 10
}
.header {
transition: all .5s
}
.header .announce-bar {
background-color: #000;
color: #fff;
position: relative;
overflow: hidden
}
.header .announce-bar .container {
padding-top: 10px;
padding-bottom: 10px;
text-align: center
}
.header .announce-bar .announce-bar-close {
font-family: fo !important;
position: absolute;
height: 40px;
top: calc(50% - 20px);
line-height: 40px;
padding-left: 15px;
cursor: pointer;
padding-right: 15px;
right: 0
}
.header .announce-bar .announce-bar-close:before {
content: "\e723"
}
.header .secondary-bar {
background-color: #000;
padding-top: 10px;
padding-bottom: 10px;
position: relative
}
.header .secondary-bar .container {
display: flex
}
.header .secondary-bar .container .fo-drop .dropdown-toggle,
.header .secondary-bar .container .nav-link,
.header .secondary-bar .container .secondary-bar-contact a {
color: #fff
}
.header .secondary-bar .container .fo-drop {
margin-left: 15px
}
.header .secondary-bar .container .fo-drop .dropdown-toggle {
line-height: 38px;
font-size: 16px
}
.header .secondary-bar .container a {
transition: all .25s
}
.header .secondary-bar .container a:not(.dropdown-item) {
height: 38px;
line-height: 28px
}
.header .secondary-bar .container a:hover {
color: #01508D !important
}
.header .secondary-bar .container .secondary-bar-right {
display: flex;
flex-grow: 1;
justify-content: flex-end
}
.header .secondary-bar .container .secondary-bar-right .nav-link {
cursor: pointer
}
.header .secondary-bar .container .secondary-bar-contact {
margin-right: 5px
}
.header .secondary-bar .container .secondary-bar-contact a {
font-size: 16px;
display: inline-block;
line-height: 36px
}
.header .secondary-bar .container .secondary-bar-contact a{
color: #fff!important;
}
.header .secondary-bar .container .secondary-bar-contact a img {
height: 16px;
vertical-align: center
}
.header .secondary-bar .container .secondary-bar-contact a:not(:last-child) {
margin-right: 15px
}
.header .secondary-bar .input-group {
max-width: 200px
}
.header .secondary-bar .input-group .form-control {
border: 0
}
.header .secondary-bar .input-group .input-group-append .btn {
background: #fff;
border: 0 !important
}
.header .secondary-bar .input-group .input-group-append .btn:last-child {
border-bottom-right-radius: .25rem;
border-top-right-radius: .25rem
}
.header .secondary-bar .input-group .input-group-append i {
font-size: 14px !important
}
.header .input-group-append .btn {
border: .0625rem solid #ced4da;
background: #fff;
color: #ced4da;
padding-right: .75rem !important;
padding-left: .75rem !important;
border-radius: 0 !important
}
.header .input-group-append .btn:first-child {
border-left: 0
}
.header .input-group-append .btn:last-child {
border-bottom-right-radius: .25rem !important;
border-top-right-radius: .25rem !important
}
.header .input-group-append i {
font-size: 13px !important
}
.header nav {
z-index: 900;
padding-top: 0;
padding-bottom: 0
}
.header nav .navbar-brand {
height: 68px;
display: flex;
align-items: center;
position: relative;
padding-right: 10px
}
.English{
line-height: 40px;
color: #fff;
padding-right: 40px;
}
.English a{
color: #fff;
}
.header nav .navbar-brand img {
max-height: 85px;
margin-right: -30px;
vertical-align: middle
}
.logo-desc{
font-size: 16px;
color: #01508d
}
.navbar-brand{
overflow: hidden;
}
.header nav .dropdown-item,
.header nav .nav-link {
padding-right: 15px;
padding-left: 15px;
color: #333
}
@media (max-width:768px) {
.header .header-search {
margin: 1rem 0 .625rem 0;
display: none
}
.header .header-search .input-group-append .btn {
margin: 0
}
.header .header-search .input-group-append .btn:first-child {
border-right: 0
}
.header .fo-drop .dropdown-toggle:before {
display: none
}
.header nav {
background-color: #fff
}
.header nav .dropdown-item,
.header nav .nav-link {
padding: 8px 36px 8px 0;
line-height: 20px;
border-bottom: 1px solid #e9ecef
}
.header nav .navbar-collapse {
position: fixed;
background-color: #fff;
border-top: 1px solid #e9ecef;
top: 74px;
width: 100%;
height: calc(100% - 3.125rem);
overflow-x: hidden;
overflow-y: auto;
left: 0;
padding-left: .625rem;
padding-right: .625rem;
z-index: 1031
}
.header nav .navbar-collapse.show .header-search {
display: block
}
.header nav .navbar-open-placeholder {
position: absolute;
width: 36px;
height: 36px;
right: 0;
top: 0;
cursor: pointer
}
.header nav .navbar-open-placeholder:after {
border-style: solid;
border-width: 2px 2px 0 0;
border-color: #c1c1c1;
position: relative;
content: '';
display: inline-block;
height: 8px;
width: 8px;
top: 6px;
margin-left: 12px;
box-sizing: content-box;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
transition: all .2s ease-in-out
}
.header nav .navbar-open-placeholder.active:after {
top: 11px;
transform: rotate(-45deg)
}
.header nav .navbar-brand {
height: 50px;
padding: 0
}
.header nav .navbar-brand img {
max-height: 47px
}
.header nav .navbar-brand img.navbar-brand-fullView {
display: none
}
.header nav .navbar-nav {
border-top: 1px solid #e9ecef
}
.header nav .dropdown-menu {
padding: 0;
margin: 0;
background: 0 0;
box-shadow: none
}
.header nav .dropdown-menu .dropdown-item {
padding-left: 20px
}
.header nav .dropdown-menu .dropdown-menu .dropdown-item {
padding-left: 40px
}
.header nav .dropdown-toggle:after {
display: none
}
.header nav.logo-back:not(.logo-center) .container {
position: relative
}
.header nav.logo-back:not(.logo-center) .container:before {
content: '';
height: 50px;
width: 100%;
position: absolute;
left: calc(-100% + 15px);
top: 0;
background-color: #01508D
}
.header nav.logo-back:not(.logo-center) .container .navbar-brand {
background-color: #01508D
}
.header nav.logo-back:not(.logo-center) .container .navbar-brand:before {
content: '';
position: absolute;
top: 0;
left: 100%;
border-top: 50px solid transparent;
border-bottom: 0 solid transparent;
border-left: 20px solid #01508D
}
}
@media (min-width:768px) {
.header .header-search {
position: absolute;
width: 20rem;
right: 15px;
bottom: -4rem;
z-index: 10;
display: none
}
.header .header-search .input-group {
height: 4rem;
background-color: #fff;
align-items: center;
padding-left: 1rem;
padding-right: 1rem;
box-shadow: 0 3px 5px rgba(0, 0, 0, .15)
}
.header nav .navbar-open-placeholder {
display: none !important
}
.header nav .navbar-nav li {
position: relative
}
.header nav .navbar-nav li>.nav-link {
line-height: 48px
}
.header nav .navbar-nav li ul {
display: block !important;
border-top: 3px solid #01508D;
position: absolute;
min-width: 200px;
top: 100%;
left: 0;
box-shadow: 0 12px 30px -2px rgba(0, 0, 0, .1);
visibility: hidden;
opacity: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.header nav .navbar-nav li ul .dropdown-toggle {
position: relative;
padding-right: 30px !important
}
.header nav .navbar-nav li ul .dropdown-toggle:after {
position: absolute;
right: 15px;
top: calc(50% - 2px);
transition: all .2s ease-in-out
}
.header nav .navbar-nav li ul .dropdown-item {
padding-left: 20px;
padding-right: 20px
}
.header nav .navbar-nav li ul ul {
top: 10px;
left: 100%
}
.header nav .navbar-nav li ul ul ul {
left: -100%
}
.header nav .navbar-nav li ul li>a {
transition: all .2s ease-in-out
}
.header nav .navbar-nav li ul li:hover>a {
color: #01508D
}
.header nav .navbar-nav li ul li:hover>a.dropdown-toggle:after {
transform: rotate(-90deg)
}
.header nav .navbar-nav li.dropdown-menu-right ul {
left: inherit;
right: calc(100% - 2px);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0
}
.header nav .navbar-nav li.dropdown-menu-right ul li .dropdown-item {
text-align: right
}
.header nav .navbar-nav li.dropdown-menu-right ul ul {
left: inherit;
right: -100%
}
.header nav .navbar-nav li.dropdown-menu-right ul ul li .dropdown-item {
text-align: left
}
.header nav .navbar-nav li.nav-item.dropdown .nav-link:before {
content: "";
width: 0;
height: 0;
position: absolute;
border-top: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #01508D;
border-left: 10px solid transparent;
bottom: -2px;
left: calc(50% - 7px);
opacity: 0;
transition: all .5s
}
.header nav .navbar-nav li:hover .nav-link:before {
opacity: 1 !important
}
.header nav .navbar-nav li:hover>ul {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
.header nav.fixed-top {
background-color: #fff;
box-shadow: 0 3px 5px rgba(0, 0, 0, .15)
}
.header:not(.full-view) nav.logo-back:not(.logo-center) .container {
position: relative
}
.header:not(.full-view) nav.logo-back:not(.logo-center) .container:before {
content: '';
height: 100%;
width: 100%;
position: absolute;
left: calc(-100% + 15px);
top: 0;
background-color: #01508D
}
.header:not(.full-view) nav.logo-back:not(.logo-center) .container .navbar-brand {
background-color: #01508D
}
.header:not(.full-view) nav.logo-back:not(.logo-center) .container .navbar-brand:before {
content: '';
position: absolute;
top: 0;
left: 100%;
border-top: 68px solid transparent;
border-bottom: 0 solid transparent;
border-left: 20px solid #01508D
}
.header.full-view {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030
}
.header.full-view nav .navbar-brand img {
display: none
}
.header.full-view nav .navbar-brand img.navbar-brand-fullView {
display: inline-block
}
.header.full-view nav.fixed-top img {
display: inline-block
}
.header.full-view nav.fixed-top img.navbar-brand-fullView {
display: none
}
.header.full-view .secondary-bar:not(.fixed-top),
.header.full-view nav:not(.fixed-top) {
background: 0 0 !important
}
}
.header .logo-center .container {
position: relative
}
@media (min-width:1200px) {
.header .logo-center .container .navbar-brand {
position: absolute;
width: 25%;
left: calc(50% - 12.5%);
z-index: 11 !important;
justify-content: center
}
}
@media (min-width:1200px) {
.header .logo-center .container .navbar-nav {
position: relative;
width: 100%;
justify-content: flex-start !important
}
.header .logo-center .container .navbar-nav .nav-item {
width: 12.5%
}
.header .logo-center .container .navbar-nav .nav-item:nth-of-type(3) {
margin-right: 12.5%
}
.header .logo-center .container .navbar-nav .nav-item:nth-of-type(4) {
margin-left: 12.5%
}
.header .logo-center .container .navbar-nav .nav-item .nav-link {
text-align: center
}
}
.header .header-mobile-search {
display: none
}
.header:not(.full-view) nav {
box-shadow: 0 3px 5px rgba(0, 0, 0, .15)
}
.slide-show .container-fluid {
padding-left: 0;
padding-right: 0
}
.slide-show .slide-show-container {
height: 100%;
z-index: 3;
left: 0;
top: 0;
position: absolute;
overflow: hidden;
color: #fff;
display: flex
}
.slide-show .slide-show-container .slide-show-content {
width: 60%
}
.slide-show .slide-show-container .slide-show-content h3 {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif
}
.slide-show .slide-show-container .slide-show-content h5 {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif
}
.slide-show .slide-show-container .slide-show-content p {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif
}
.slide-show .slide-show-container .slide-show-content .btn {
margin-top: 1rem
}
.slide-show .align-left-top .slide-show-content {
padding-top: 2rem
}
.slide-show .align-right-top .container {
justify-content: flex-end
}
.slide-show .align-right-top .container .slide-show-content {
text-align: right;
padding-top: 2rem
}
.slide-show .align-center-top .container {
justify-content: center
}
.slide-show .align-center-top .container .slide-show-content {
text-align: center;
padding-top: 2rem
}
.slide-show .align-left-center .container {
align-items: center
}
.slide-show .align-center .container {
text-align: center;
justify-content: center;
align-items: center
}
.slide-show .align-right-center .container {
text-align: right;
justify-content: flex-end;
align-items: center
}
.slide-show .align-left-bottom .container {
align-items: flex-end
}
.slide-show .align-left-bottom .container .slide-show-content {
padding-bottom: 3rem
}
.slide-show .align-center-bottom .container {
text-align: center;
justify-content: center;
align-items: flex-end
}
.slide-show .align-center-bottom .container .slide-show-content {
padding-bottom: 3rem
}
.slide-show .align-right-bottom .container {
text-align: right;
justify-content: flex-end;
align-items: flex-end
}
.slide-show .align-right-bottom .container .slide-show-content {
padding-bottom: 3rem
}
@media (min-width:576px) {
.slide-show .slide-show-container {
left: calc(50% - 270px)
}
}
@media (min-width:768px) {
.slide-show .slide-show-container {
left: calc(50% - 360px)
}
}
@media (min-width:992px) {
.slide-show .slide-show-container {
left: calc(50% - 480px)
}
}
@media (min-width:1200px) {
.slide-show .slide-show-container {
left: calc(50% - 570px)
}
}
@media (min-width:1600px) {
.slide-show .slide-show-container {
left: calc(50% - 615px)
}
}
.slide-show .slick-slide:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
left: 0;
top: 0;
background-color: #000;
opacity: .5
}
@media (min-width:768px) {
.slide-show .slick-slider .slick-slide {
overflow: hidden
}
.slide-show .slick-slider .slick-slide:before {
display: block;
content: ""
}
.slide-show .slick-slider .slick-slide img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center center;
position: absolute;
top: 0;
left: 0;
z-index: 2
}
.slide-show .slick-slider.small .slick-slide:before {
padding-top: 17.2413793103%
}
.slide-show .slick-slider.medium .slick-slide:before {
padding-top: 29.4117647059%
}
.slide-show .slick-slider.big .slick-slide:before {
padding-top: 38.4615384615%
}
.slide-show .slick-slider.large .slick-slide:before {
padding-top: 50%
}
}
@media (max-width:768px) {
.slide-show .container .slide-show-content {
display: none;
width: 100% !important
}
.slide-show .container img {
position: relative
}
}
.image-text .container h3 {
color: #181818;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 28px;
margin-bottom: 20px
}
.image-text .container h5 {
color: #111111;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 18px;
margin-bottom: 10px
}
.image-text .container .image-text-content.center {
text-align: center
}
.image-text .container .image-text-content.right {
text-align: right
}
.image-text .container .image-text-text {
word-wrap: break-word
}
.image-text .container .image-text-text+.image-text-button,
.image-text .container h3+.image-text-button,
.image-text .container h5+.image-text-button {
margin-top: 20px
}
.image-text .container .btn {
min-width: 100px
}
.image-text.line .image-text-content.left h3:before {
content: "";
margin-right: 10px !important;
border-left: 4px solid #01508D
}
.image-text.line .image-text-content.right h3:after {
content: "";
margin-left: 10px !important;
border-right: 4px solid #01508D
}
.image-text.line .image-text-content.center h3 {
position: relative;
margin-bottom: 50px
}
.image-text.line .image-text-content.center h3:after {
content: '';
position: absolute;
height: 4px;
width: 80px;
left: calc(50% - 40px);
background-color: #01508D;
bottom: -20px
}
@media (max-width:768px) {
.image-text.left .image-text-content {
margin-top: 1rem
}
.image-text.right .image-text-content {
margin-bottom: 1rem
}
.image-text .embed-responsive:before {
padding-top: 100%
}
}
.title {
overflow: hidden
}
.title .container {
display: flex;
justify-content: center
}
.title .container h3 {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 28px;
color: #181818
}
.title .container h5 {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 18px;
color: #111111
}
.title .container .title-25 {
width: 25%
}
.title .container .title-50 {
width: 50%
}
.title .container .title-75 {
width: 75%
}
.title .container .title-100 {
width: 100%
}
.title .container .btn {
min-width: 120px
}
.title .container .title-content+.title-btn,
.title .container .title-heading+.title-btn,
.title .container .title-subheading+.title-btn {
margin-top: 30px
}
.title.center {
text-align: center
}
.title.right {
text-align: right
}
.title.right .divider:after {
left: auto;
right: 0
}
.title.left .divider:after {
left: 0
}
@media (max-width:768px) {
.title .container .title-25 {
width: 100%
}
.title .container .title-50 {
width: 100%
}
.title .container .title-75 {
width: 100%
}
.title .container .title-content+.title-btn,
.title .container .title-heading+.title-btn,
.title .container .title-subheading+.title-btn {
margin-top: 20px
}
}
.logo-list p {
text-align: center;
color: #909399;
transition: all .25s
}
.logo-list h5 {
color: #181818;
font-size: 18px
}
.logo-list img {
width: 50%;
margin-bottom: 10px
}
.logo-list .logo-list-content {
margin-left: auto;
margin-right: auto;
text-align: center
}
@media (max-width:768px) {
.logo-list p {
margin-top: .25rem
}
}
.timeline .container {
position: relative
}
.timeline .container img {
width: 100%;
margin-top: 6px;
margin-bottom: 6px
}
.timeline .container .card {
border: 0
}
.timeline .container .card .media {
background-color: #01508D;
padding: .4rem 1.25rem;
position: relative;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 16px;
align-items: center
}
.timeline .container .card .media label {
display: none
}
.timeline .container .card .media h5 {
margin-bottom: 0;
margin-top: 5px
}
.timeline .container .card .media label {
font-size: 40px;
font-weight: 700
}
.timeline .container .card .media:after {
display: inline-block;
content: "";
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #01508D;
position: absolute;
right: -10px;
top: calc(50% - 10px)
}
.timeline .container .card .media:before {
content: '';
position: absolute;
top: calc(50% - 10px);
overflow: hidden;
padding: 3px;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #fff;
border: 3px solid #01508D;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
color: #ccc;
text-align: center;
right: -49px
}
.timeline .container .card .card-subtitle {
color: #111111;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif
}
.timeline .container .card .card-text {
color: #5C5C5C;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 15px
}
.timeline .container .card:not(:last-child) {
margin-bottom: 30px
}
.timeline .container .row {
position: relative
}
.timeline .container .row:before {
position: absolute;
top: 0;
left: 50%;
display: block;
margin-left: -1px;
width: 2px;
height: 100%;
border-radius: 2px;
background-color: rgba(0, 0, 0, .2);
content: ""
}
.timeline .container .row .col-md-6 {
padding-right: 40px
}
.timeline .container .row .col-md-6:last-child {
padding-left: 40px
}
.timeline .container .row .col-md-6:last-child .card .media:after {
border-right: 10px solid #01508D;
border-left: 0;
left: -10px;
right: auto
}
.timeline .container .row .col-md-6:last-child .card .media:before {
right: auto;
left: -51px
}
@media (min-width:768px) {
.timeline .row .col-md-6:last-child {
padding-top: 100px
}
}
@media (max-width:768px) {
.timeline .container {
position: relative
}
.timeline .container .row:before {
right: 24px;
width: 2px;
left: auto;
height: 100%
}
.timeline .container .row .col-md-6 {
padding-right: 50px;
padding-left: 10px
}
.timeline .container .row .col-md-6 .card:not(:last-child) {
margin-bottom: 15px
}
.timeline .container .row .col-md-6 .card .media:after {
right: -10px;
left: auto
}
.timeline .container .row .col-md-6 .card .media:before {
left: auto;
right: -35px
}
.timeline .container .row .col-md-6:last-child {
padding-right: 50px;
padding-left: 10px
}
.timeline .container .row .col-md-6:last-child .card .media:after {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #01508D;
border-right: 0;
right: -10px;
left: auto
}
.timeline .container .row .col-md-6:last-child .card .media:before {
left: auto;
right: -35px
}
}
.footer {
background-color: #152c43;
overflow: hidden
}
.footer .footer-bold {
font-weight: 700;
margin-bottom: 5px
}
.footer hr {
opacity: .6;
position: relative
}
.footer h3 {
font-family: var(--typeSubheading);
font-size: var(--fontSizeSubheading);
margin-bottom: 10px
}
.footer h5 {
font-family: var(--typeSubheading);
font-size: var(--fontSizeSubheading)
}
.footer .footer-social a {
margin: 0 3px 5px 3px
}
.footer .footer-social a i {
font-size: 2.25rem
}
.footer .footer-code img {
width: 80px;
margin: 5px 5px 0 5px
}
.footer .col-12 .footer-code img {
margin: 5px 5px 0 0
}
.footer .col-12 .footer-social a {
margin-right: 5px
}
.footer .col-12 .footer-social a i {
font-size: 1.625rem
}
.footer .footer-logo {
max-width: 60%
}
.footer dl dt {
font-weight: 400;
margin-bottom: 5px
}
.footer dl dt:not(:first-child) {
margin-top: 15px
}
.footer dl dd {
font-weight: 400;
margin-top: 6px
}
.footer dl:not(:first-child) {
margin-top: 15px
}
.footer .footer-center-menu {
text-align: center
}
.footer .footer-center-menu li {
display: inline-block
}
.footer .footer-center-menu li a {
font-size: 16px;
padding: 0 20px;
line-height: 1;
border-right: 1px solid transparent;
text-transform: capitalize
}
.footer .footer-center-menu li:last-of-type a {
border: 0
}
.footer [class*=col-] *,
.footer a,
.footer hr:after {
border-color: #c7cdd2;
color: #c7cdd2
}
.footer a {
line-height: 1.8
}
.footer a:hover,
.footer a:hover i {
color: var(--colorButtonHover);
text-decoration: none
}
@media (max-width:768px) {
.footer:not(.has-divider) [class*=col-]:not(:last-child) {
border-bottom: 1px solid rgba(255, 255, 255, .3)
}
.footer [class*=col-]:not(:last-child) {
padding-bottom: 15px
}
.footer .footer-social a {
margin: 0 5px 5px 0
}
.footer .footer-social a i {
font-size: 1.625rem
}
.footer .footer-code img {
margin: 0 5px 0 0
}
.footer .footer-logo {
max-height: 40px;
max-width: 100px
}
}
.float-menu {
position: fixed;
bottom: 10px;
right: 10px;
z-index: 300
}
.float-menu .float-menu-item {
margin-top: 10px;
font-family: fo !important;
background-color: #00aff0;
box-shadow: 0 0 8px rgba(0, 0, 0, .25);
height: 48px;
width: 48px;
text-align: center;
transition: all .25s
}
.float-menu .float-menu-item label {
display: block;
height: 48px;
cursor: pointer
}
.float-menu .float-menu-item label:before {
line-height: 48px;
font-size: 26px;
color: #fff
}
.float-menu .float-menu-item.skype label:before {
color: #fff;
content: "\e713"
}
.float-menu .float-menu-item.whatsapp {
background-color: #27d367
}
.float-menu .float-menu-item.whatsapp label:before {
content: "\e75b"
}
.float-menu .float-menu-item.back-to-top {
display: none;
background-color: rgba(0, 0, 0, .5);
cursor: pointer;
border: 1px solid rgba(255, 255, 255, .5);
position: relative
}
.float-menu .float-menu-item.back-to-top:after {
content: ' ';
position: absolute;
top: 10px;
left: 15px;
border: 8px solid transparent;
border-bottom-color: rgba(255, 255, 255, .5)
}
.float-menu .float-menu-item img {
width: 24px;
height: 24px;
margin-top: 12px
}
.enquiry-dialog {
padding: 30px
}
.enquiry-dialog h3 {
text-align: center;
margin-bottom: 20px;
font-size: 18px;
color: #212529
}
.enquiry-dialog .form-group {
margin-bottom: 0
}
.enquiry-dialog .form-group .form-control {
border-radius: 0;
border-top: 0;
border-left: 0;
border-right: 0
}
.enquiry-dialog .form-group .form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: none
}
.enquiry-dialog .form-group button[type=submit] {
margin-top: 25px
}
.enquiry-dialog .inquiry-form-group {
padding: .375rem .75rem;
border-bottom: 1px solid #ced4da
}
.enquiry-dialog .inquiry-form-group h5 {
font-size: 14px
}
.enquiry-dialog .file-upload {
position: relative;
height: 70px;
border-bottom: 1px solid #ced4da
}
.enquiry-dialog .file-upload .file-upload-placeholder {
position: relative;
background: url(data:image/gif;base64,R0lGODlhJgAoAPcAAAAAAP///8/P0f7+//n5+u7u7+3t7uzs7ejo6eLi49fX2MvLzKSlqJucn5eYm5WWmcPEx8DBxK6vsZaYm5WXmpKUl5CSla+xtK6ws6aoq6OlqJ2foqCkqI+SlZWYm6irro2PkaaoqqWnqaKkpqCipJ6gop2foZudn5qcnpmbnZeZm5WXmZKUlpGTlZCSlMTGyMPFx8DCxL/Bw77Awqutr/r8/tDS1Ofo6eHi49vc3cfIybq7vLa3uK+wsa6vsLC0t4aJi4GEhpmcnpeanJaZm5WYmpSXmZKVl4+SlI2Qkqmsrqirraapq6SnqaKlp5ueoMLFx7/CxL7Bw7m8vra5u5WZm5SYmrq8va+xsq6wsa2vsKmrrKiqq6WnqKKkpaGjpJ+hop6goZudnpqcnZeZmtPV1sPFxsLExcDCw7/Bwr7Awb2/wKWoqaOmp6GkpaCjpJ+io56hop2goZyfoJmcnZaZmpWYmZSXmJKVlpCTlI+Sk8HExcDDxL/Cw77Bwr3AwaqtrqirrMvOz5ebnJWZmpSYmZOXmJKWl6errMPHyLzAwbW5upWam5WZmZSYmJOXl7C0tJaZmbS3t7K1tbG0tK+ysq6xsayvr6irq6WoqKSnp6KlpaGkpJmcnNHU1NDT08/S0szPz8THx8HExMDDw73AwOzu7tja2tHT09DS0svNzcHDw7K0tK+xsf7///r7+/f4+Pb39/X29vDx8ejp6eTl5eHi4uDh4dzd3dfY2LW4t62wr8HEw8DDwtfZ2P3+/fT19Nzd3Nrb2unp6P/+/v7+/vn5+ff39/b29vX19fLy8u7u7u3t7ezs7Ovr6+bm5v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAANAALAAAAAAmACgAAAj/AEUBmkSJEquCrA5CKsiw4UGHCBkerETlCp03RQwVsmOnkEdHHQs52uixJMmTIz0+2kBiSykxTGZA8CMjggw/ffrIkJFzp08pOyOkSfNzZ4wXWeD4+GNkya8AUKNKnUq1alQzdpZ6CITMqtevUkdFkvCnSKBkYNNaJVWHbKGzauNKZZtFzQS4amXdkEu3LF6wBC6MeRaXLdkiiNCCRaakyIkxt9Qa/mMlMVhgNIw0CfEkxam0k80qtmpAw505bUTESTGkDFjDiqz8pTqMwYMwiwI54dGF0QQBX0lFuqRItFUccuocChUrU50ctEoUIbLAq3AtayYsGS0VlwkrRVQF/1D2xY6nALXAGFmho1jV0LOhCktSR4gNqM441fkElVkIByCs8V5bfxRi2VQIkHBEMFE148V+Uc2yCQsKDCiBXfFBVYAtUjnoQCpSmZLAWpFooQZi3HnloAqoFEbgWyla5WAj/EnWVnEZVnXACFXUCBqBxqU1o49grUKGFn9sFWNVDkIoWSRLTYDJklQ5SAiRwRGoHZVTNeOGk2n1MlYpKKrlJZiv1YGkgVx2+CCWXhnpA4ZtRrUjml+tAmSOVb5Z2Fh+1QlVk3CuBSQix5jpp1q8EEjBB8YoiqdXZ9ThQykNZCDFHjnF0EcUfEyRyCt2jnClVL5QEcWnaKDRBx9QYHUQRw+6VIBCHi7kikSuLQAxiCwNenFqVDsEYYEFu+bagR5kdMIBDFy00goW1FI7LReSwBIsmoJoMu201baSxS4/DFAMMcWkq+66HepHpCvrxlvMADXINeiicblibwDNjDDpVwPs20wceICy777LWMJGLvYWExAAOw==) no-repeat center 12px;
background-size: auto 20px;
height: 70px;
line-height: 100px;
text-align: center;
overflow: hidden;
color: #96989b;
cursor: pointer;
display: inline-block
}
.enquiry-dialog .file-upload .file-upload-placeholder input[type=file] {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
z-index: 5;
cursor: pointer
}
.enquiry-dialog .file-upload .file-upload-selected {
border-radius: .25rem;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 2;
background-color: #fff;
display: flex;
align-items: center;
opacity: 0;
transition: all .5s;
color: #96989b
}
.enquiry-dialog .file-upload .file-upload-selected label {
border: 1px dashed #ced4da;
border-radius: 50%;
position: absolute;
right: 0;
top: calc(50% - 13px);
padding: 0;
width: 26px;
height: 26px;
text-align: center;
overflow: hidden;
cursor: pointer
}
.enquiry-dialog .file-upload .file-upload-selected label:before {
color: #ced4da;
line-height: 26px;
font-size: 14px;
font-family: fo !important;
content: "\e723"
}
.enquiry-dialog .file-upload .file-upload-selected p:before {
font-family: fo !important;
content: "\e6c0";
margin-right: 5px;
vertical-align: middle
}
.enquiry-dialog .file-upload .file-upload-selected.active {
opacity: 1;
z-index: 10
}
.enquiry-dialog .file-upload .file-upload-selected:hover {
color: #01508D
}
.enquiry-dialog .file-upload .file-upload-selected:hover label {
border-color: #01508D;
color: #01508D
}
.enquiry-dialog .file-upload .file-upload-selected:hover label:before {
color: #01508D
}
.enquiry-dialog .file-upload small {
position: absolute;
right: 6px;
bottom: 6px
}
.enquiry-dialog .enquiry-dialog-footer {
margin-top: 1rem;
text-align: right
}
.enquiry-dialog .enquiry-dialog-footer .btn {
background-color: #085C9C;
border-color: #085C9C;
color: #FFFFFF;
border-radius: 4px
}
.enquiry-dialog .enquiry-dialog-close {
position: absolute;
right: -25px;
top: -20px;
width: 50px;
line-height: 40px;
text-align: center;
font-size: 2rem;
color: grey;
cursor: pointer
}
.image-wall .container .embed-responsive {
transition: all .25s
}
.image-wall .container .image-wall-content {
position: relative;
padding: 15px
}
.image-wall .container .image-wall-content .position-relative {
position: relative;
z-index: 2;
width: 100%;
color: #5C5C5C
}
.image-wall .container .image-wall-content .position-relative h5 {
color: #5C5C5C;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 18px
}
.image-wall .container .image-wall-content .position-relative h5:after {
background-color: #01508D
}
.image-wall .container .image-wall-content .position-relative p {
color: #5C5C5C
}
.image-wall .container .image-wall-content:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
z-index: 0;
transition: all .25s
}
.image-wall .container .image-wall-separate:not(:last-child) {
margin-bottom: 30px
}
.image-wall .container .image-wall-separate .image-wall-content {
position: absolute;
bottom: 0;
left: 15px;
width: calc(100% - 30px);
padding: 15px
}
.image-wall .container .image-wall-separate .embed-responsive {
height: 100%
}
.image-wall .container .image-wall-separate .row .image-wall-item:first-child {
margin-bottom: 30px
}
.image-wall .container .image-wall-separate.no-gutters .col-md-8 .image-wall-content {
left: 0;
width: 100%
}
.image-wall .container .image-wall-separate.no-gutters .col-md-4 .image-wall-item {
margin-bottom: 0
}
.image-wall .row.no-gutters:not(.image-wall-separate) .image-wall-item .image-wall-content {
left: 0;
width: 100%
}
.image-wall.image-wall-overlay .image-wall-item {
transition: all .25s
}
.image-wall.image-wall-overlay .image-wall-item .image-wall-content {
position: absolute;
bottom: 0;
left: 15px;
height: 100%;
width: calc(100% - 30px);
display: flex;
align-items: center
}
.image-wall.image-wall-overlay .image-wall-item:hover {
transform: translateY(-3%)
}
.image-wall.image-wall-overlay .image-wall-item:hover .embed-responsive {
box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}
.image-wall.image-wall-bottom .image-wall-item {
transition: all .25s
}
.image-wall.image-wall-bottom .image-wall-item .image-wall-content {
position: absolute;
bottom: 0;
left: 15px;
width: calc(100% - 30px)
}
.image-wall.image-wall-bottom .image-wall-item:hover {
transform: translateY(-3%)
}
.image-wall.image-wall-bottom .image-wall-item:hover .embed-responsive {
box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}
.image-wall.image-wall-normal .row {
display: flex;
align-items: stretch
}
.image-wall.image-wall-normal .row .image-wall-item {
display: flex
}
.image-wall.image-wall-normal .row .image-wall-item a {
position: relative;
width: 100%;
transition: all .25s
}
.image-wall.image-wall-normal .row .image-wall-item a:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
z-index: 0;
transition: all .25s
}
.image-wall.image-wall-normal .row .image-wall-item a:hover {
transform: translateY(-3%)
}
.image-wall.image-wall-normal .row .image-wall-item a:hover .embed-responsive {
box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}
.image-wall.image-wall-slide .image-wall-item a {
position: relative;
display: block
}
.image-wall.image-wall-slide .image-wall-item a .image-wall-mask {
position: absolute;
left: 0;
width: 100%;
padding: 5% 15%;
transition: all .5s;
height: 0;
bottom: -50%;
overflow: hidden
}
.image-wall.image-wall-slide .image-wall-item a .image-wall-mask .position-relative {
position: relative;
z-index: 3;
color: #5C5C5C
}
.image-wall.image-wall-slide .image-wall-item a .image-wall-mask:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #01508D;
opacity: .6
}
.image-wall.image-wall-slide .image-wall-item a .image-wall-mask strong {
font-size: 3rem;
position: relative;
left: -100%;
z-index: 2;
transition: .5s all .2s;
top: 0
}
.image-wall.image-wall-slide .image-wall-item a .image-wall-mask strong:before {
position: absolute;
content: '';
width: 80px;
border: 2px solid #5C5C5C;
top: 50%;
transform: translate(-50%);
left: -50px
}
.image-wall.image-wall-slide .image-wall-item a .image-wall-mask:before {
content: '';
position: absolute
}
.image-wall.image-wall-slide .image-wall-item a:hover .image-wall-mask {
height: 100%;
bottom: 0
}
.image-wall.image-wall-slide .image-wall-item a:hover .image-wall-mask strong {
left: 0
}
@media (max-width:768px) {
.image-wall .container {
margin-top: -7.5px;
margin-bottom: -7.5px
}
.image-wall .container .image-wall-item {
margin-bottom: 7.5px !important;
margin-top: 7.5px !important
}
.image-wall.image-wall-overlay .row .image-wall-content:before {
width: calc(100% + 15px);
left: -7.5px
}
.image-wall.image-wall-bottom .row .image-wall-content,
.image-wall.image-wall-normal .row .image-wall-content {
left: 0;
width: 100%;
position: relative
}
.image-wall.image-wall-bottom .row.image-wall-separate .embed-responsive,
.image-wall.image-wall-normal .row.image-wall-separate .embed-responsive {
height: auto
}
}
.rich-text .container .rich-text-sidebar {
list-style: none;
padding: 0
}
.rich-text .container .rich-text-sidebar li a {
position: relative;
display: block;
overflow: hidden;
padding: 15px 35% 15px 15px;
font-weight: 400;
background-color: rgba(0, 0, 0, .5);
transition: all .25s;
color: #fff
}
.rich-text .container .rich-text-sidebar li a:before {
position: absolute;
content: '';
width: 4rem;
height: 200%;
top: -50%;
right: -10%;
transform: rotate(-9deg);
transition: all .25s;
opacity: 0;
background-color: #01508D
}
.rich-text .container .rich-text-sidebar li a:after {
position: absolute;
right: .8rem;
top: calc(50% - 10px);
content: '>';
transition: all .25s;
opacity: 0;
color: #fff
}
.rich-text .container .rich-text-sidebar li a:hover {
background-color: rgba(0, 0, 0, .9) !important
}
.rich-text .container .rich-text-sidebar li a:hover:before {
opacity: 1;
right: -4%
}
.rich-text .container .rich-text-sidebar li a:hover:after {
opacity: 1;
right: 1.5rem
}
.rich-text .container .rich-text-sidebar li:nth-of-type(odd) a {
background-color: rgba(0, 0, 0, .6)
}
.rich-text .container .rich-text-sidebar li:not(:last-child) {
margin-bottom: 1px
}
.rich-text .container .rich-text-sidebar li.active a {
background-color: rgba(0, 0, 0, .9) !important
}
.rich-text .container .rich-text-sidebar li.active a:before {
opacity: 1;
right: -4%
}
.rich-text .container .rich-text-sidebar li.active a:after {
opacity: 1;
right: 1.5rem
}
@media (min-width:990px) {
.rich-text .container .rich-text-sidebar {
padding-left: 0
}
}
.inquiry-form h3 {
margin-bottom: 20px;
font-size: 18px
}
.inquiry-form h5 {
font-size: 14px
}
.inquiry-form .form-control {
border-radius: 0
}
.inquiry-form .embed-responsive {
min-height: 100px
}
.inquiry-form .file-upload {
position: relative;
text-align: center;
color: #96989b;
padding-top: 15px;
padding-bottom: 15px;
vertical-align: top;
border: 1px dashed #ced4da;
background-color: #fff;
min-height: 96px
}
.inquiry-form .file-upload:before {
display: block;
font-family: fo !important;
content: "\e60b";
font-size: 30px
}
.inquiry-form .file-upload input[type=file] {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
z-index: 5;
cursor: pointer
}
.inquiry-form .file-upload:hover {
border-color: #01508D;
color: #01508D
}
.inquiry-form .file-upload:hover .file-upload-selected label {
border-color: #01508D
}
.inquiry-form .file-upload:hover .file-upload-selected label:before {
color: #01508D
}
.inquiry-form .file-upload .file-upload-selected {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
min-height: 96px;
z-index: 2;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
transition: all .5s
}
.inquiry-form .file-upload .file-upload-selected label {
border: 1px dashed #ced4da;
border-radius: 50%;
position: absolute;
right: 10px;
top: 10px;
width: 30px;
height: 30px;
overflow: hidden;
cursor: pointer
}
.inquiry-form .file-upload .file-upload-selected label:before {
line-height: 30px;
color: #ced4da;
font-family: fo !important;
content: "\e723"
}
.inquiry-form .file-upload .file-upload-selected p {
padding-right: 50px
}
.inquiry-form .file-upload .file-upload-selected p:before {
font-family: fo !important;
content: "\e6c0";
margin-right: 5px;
vertical-align: middle
}
.inquiry-form .file-upload .file-upload-selected.active {
opacity: 1;
z-index: 10
}
.inquiry-form .enquiry-dialog-footer {
margin-top: 10px
}
.inquiry-form .enquiry-dialog-footer.text-center .btn {
min-width: 200px
}
@media (max-width:768px) {
.inquiry-form .embed-responsive:before {
padding-top: 100%
}
}
.address .row [class*=" fo-icon-"],
.address .row [class^=fo-icon-] {
font-size: 30px
}
.address .row p {
font-size: 16px
}
.address .row a {
color: #5C5C5C
}
.address .address-map {
height: 350px
}
.featured-product .container {
position: relative
}
.featured-product .container .featured-product-row {
align-items: stretch;
display: flex
}
.featured-product .container .featured-product-item {
background-color: #fff;
transition: all .25s;
position: relative;
height: 100%
}
.featured-product .container .featured-product-item h3 {
transition: all .25s;
overflow: hidden;
color: #5C5C5C;
font-size: 18px
}
.featured-product .container .featured-product-item .featured-product-info {
padding: 15px
}
.featured-product .container .featured-product-item .featured-product-info p {
line-height: 20px;
max-height: 60px;
overflow: hidden
}
.featured-product .container .featured-product-item:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
transform: translateY(-3%)
}
.featured-product .container .featured-product-item:hover h3,
.featured-product .container .featured-product-item:hover p {
color: #01508D
}
.featured-product .container .slick-slider {
margin-left: -15px;
margin-right: -15px
}
.featured-product .container .slick-slider .slick-track {
align-items: stretch;
display: flex
}
.featured-product .container .slick-slider .slick-slide {
margin-right: 15px;
margin-left: 15px
}
@media (max-width:768px) {
.featured-product .container .slick-slider {
margin-left: -7.5px;
margin-right: -7.5px
}
.featured-product .container .slick-slider .slick-slide {
margin-right: 7.5px;
margin-left: 7.5px
}
}
.featured-product-collection .container {
position: relative
}
.featured-product-collection .container h1 {
margin-bottom: 50px
}
.featured-product-collection .container .row {
align-items: stretch;
display: flex
}
.featured-product-collection .container .row .featured-product-collection-item {
background-color: #fff;
transition: all .25s;
position: relative;
height: 100%
}
.featured-product-collection .container .row .featured-product-collection-item h3 {
transition: all .25s;
overflow: hidden;
color: #5C5C5C;
font-size: 18px
}
.featured-product-collection .container .row .featured-product-collection-item .featured-product-collection-info {
padding: 15px
}
.featured-product-collection .container .row .featured-product-collection-item .featured-product-collection-info p {
line-height: 20px;
max-height: 60px;
overflow: hidden
}
.featured-product-collection .container .row .featured-product-collection-item:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
transform: translateY(-3%)
}
.featured-product-collection .container .row .featured-product-collection-item:hover h3,
.featured-product-collection .container .row .featured-product-collection-item:hover p {
color: #01508D
}
.featured-article .container {
position: relative
}
.featured-article .container .featured-article-row {
align-items: stretch;
display: flex
}
.featured-article .container .featured-article-item {
background-color: #fff;
transition: all .25s;
position: relative;
height: 100%
}
.featured-article .container .featured-article-item h3 {
transition: all .25s;
overflow: hidden;
color: #5C5C5C;
font-size: 18px
}
.featured-article .container .featured-article-item .featured-article-info {
padding: 15px
}
.featured-article .container .featured-article-item .featured-article-info p {
line-height: 20px;
max-height: 60px;
color: #909399;
overflow: hidden
}
.featured-article .container .featured-article-item:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
transform: translateY(-3%)
}
.featured-article .container .featured-article-item:hover h3,
.featured-article .container .featured-article-item:hover p {
color: #01508D
}
.featured-article .container .slick-slider {
margin-left: -15px;
margin-right: -15px
}
.featured-article .container .slick-slider .slick-track {
align-items: stretch;
display: flex
}
.featured-article .container .slick-slider .slick-slide {
margin-right: 15px;
margin-left: 15px
}
@media (max-width:768px) {
.featured-article .container .slick-slider {
margin-left: -7.5px;
margin-right: -7.5px
}
.featured-article .container .slick-slider .slick-slide {
margin-right: 7.5px;
margin-left: 7.5px
}
}
.featured-article .container .featured-article-list .featured-article-list-item {
background-color: #fff;
padding: 20px;
margin-bottom: 1px !important
}
.featured-article .container .featured-article-list .featured-article-list-item .row {
margin-bottom: -20px
}
.featured-article .container .featured-article-list .featured-article-list-item .row [class*=col-] {
margin-bottom: 20px
}
.featured-article .container .featured-article-list .featured-article-list-item .row h3 {
transition: all .25s;
overflow: hidden;
color: #5C5C5C;
font-size: 22px
}
.featured-article .container .featured-article-list .featured-article-list-item .row .embed-responsive img {
transition: all .25s
}
.featured-article .container .featured-article-list .featured-article-list-item .row p {
margin-top: 10px;
color: #5C5C5C
}
.featured-article .container .featured-article-list .featured-article-list-item:hover h3 {
color: #01508D
}
.featured-article .container .featured-article-list .featured-article-list-item:hover img {
transform: scale(1.2)
}
.featured-article-collection .container {
position: relative
}
.featured-article-collection .container h1 {
margin-bottom: 50px
}
.featured-article-collection .container .row {
align-items: stretch;
display: flex
}
.featured-article-collection .container .row .featured-article-collection-item {
background-color: #fff;
transition: all .25s;
position: relative;
height: 100%
}
.featured-article-collection .container .row .featured-article-collection-item h3 {
transition: all .25s;
overflow: hidden;
color: #5C5C5C;
font-size: 18px
}
.featured-article-collection .container .row .featured-article-collection-item .featured-article-collection-info {
padding: 15px
}
.featured-article-collection .container .row .featured-article-collection-item .featured-article-collection-info p {
line-height: 20px;
max-height: 60px;
overflow: hidden
}
.featured-article-collection .container .row .featured-article-collection-item:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
transform: translateY(-3%)
}
.featured-article-collection .container .row .featured-article-collection-item:hover h3,
.featured-article-collection .container .row .featured-article-collection-item:hover p {
color: #01508D
}
.article .container {
position: relative
}
.article .container .article-collection {
list-style: none;
padding: 0
}
.article .container .article-collection li a {
position: relative;
display: block;
overflow: hidden;
padding: 15px 35% 15px 15px;
font-weight: 400;
background-color: rgba(0, 0, 0, .5);
transition: all .25s;
color: #fff
}
.article .container .article-collection li a:before {
position: absolute;
content: '';
width: 4rem;
height: 200%;
top: -50%;
right: -10%;
transform: rotate(-9deg);
transition: all .25s;
opacity: 0;
background-color: #01508D
}
.article .container .article-collection li a:after {
position: absolute;
right: .8rem;
top: calc(50% - 10px);
content: '>';
transition: all .25s;
opacity: 0;
color: #fff
}
.article .container .article-collection li a:hover {
background-color: rgba(0, 0, 0, .9) !important
}
.article .container .article-collection li a:hover:before {
opacity: 1;
right: -4%
}
.article .container .article-collection li a:hover:after {
opacity: 1;
right: 1.5rem
}
.article .container .article-collection li.active a {
background-color: rgba(0, 0, 0, .9) !important;
padding-right: 35%
}
.article .container .article-collection li.active a:before {
opacity: 1;
right: -4%
}
.article .container .article-collection li.active a:after {
opacity: 1;
right: 1.5rem
}
.article .container .article-collection li:nth-of-type(odd) a {
background-color: rgba(0, 0, 0, .6)
}
.article .container .article-collection li:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, .4)
}
@media (min-width:990px) {
.article .container .article-collection {
padding-left: 0
}
}
.article .container .article-row {
align-items: stretch;
display: flex
}
.article .container .article-row .article-item {
background-color: #fff;
transition: all .25s;
position: relative;
height: 100%
}
.article .container .article-row .article-item h3 {
transition: all .25s;
overflow: hidden;
color: #5C5C5C;
font-size: 18px
}
.article .container .article-row .article-item .article-info {
padding: 15px
}
.article .container .article-row .article-item .article-info p {
line-height: 20px;
max-height: 60px;
overflow: hidden
}
.article .container .article-row .article-item:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
transform: translateY(-3%)
}
.article .container .article-row .article-item:hover h3,
.article .container .article-row .article-item:hover p {
color: #01508D
}
.article .container .article-list .article-list-item {
margin-bottom: 20px
}
.article .container .article-list .article-list-item .row {
border-bottom: 1px solid #e5e5e5
}
.article .container .article-list .article-list-item .row [class*=col-] {
margin-bottom: 20px
}
@media (min-width:1200px) {
.article .container .article-list .article-list-item .row {
margin-left: 0
}
.article .container .article-list .article-list-item .row .col-md-12 {
padding-left: 0;
padding-right: 0
}
.article .container .article-list .article-list-item .row .col-md-9 {
padding-right: 0
}
.article .container .article-list .article-list-item .row .col-md-3 {
padding-left: 0
}
}
.article .container .article-list .article-list-item .row h3 {
transition: all .25s;
overflow: hidden;
color: #5C5C5C;
font-size: 22px
}
.article .container .article-list .article-list-item .row .embed-responsive img {
transition: all .25s
}
.article .container .article-list .article-list-item .row p {
margin-top: 10px;
color: #5C5C5C
}
.article .container .article-list .article-list-item:hover h3 {
color: #01508D
}
.article .container .article-list .article-list-item:hover img {
transform: scale(1.2)
}
.article .container .article-summary {
color: #909399;
word-wrap: break-word;
word-break: break-all
}
.article .article-items {
margin-top: 0 !important
}
.featured-news .container .row {
display: flex;
align-items: stretch
}
.featured-news .container .row .col-md-6 {
overflow: hidden;
position: relative;
margin-top: 0;
margin-bottom: 0
}
.featured-news .container .row .col-md-6 .embed-responsive {
position: relative;
height: 100%;
min-height: 100px
}
.featured-news .container .row .col-md-6 ul {
padding: 0;
list-style: none;
position: relative
}
.featured-news .container .row .col-md-6 ul li {
padding: 0
}
.featured-news .container .row .col-md-6 ul li:not(:last-child) {
margin-bottom: 1px
}
.featured-news .container .row .col-md-6 ul li img {
height: 40px;
width: 72px;
object-fit: cover;
object-position: center center;
float: left;
margin-right: 10px
}
.featured-news .container .row .col-md-6 ul li a {
overflow: hidden;
display: block;
position: relative;
height: 80px;
transition: all .5s;
margin: 0;
padding: 15px 60px 15px 15px
}
.featured-news .container .row .col-md-6 ul li a span {
width: 80px;
font-size: .75rem;
line-height: 50px
}
.featured-news .container .row .col-md-6 ul li a p {
font-size: .75rem
}
.featured-news .container .row .col-md-6 ul li a:before {
position: absolute;
content: '';
width: 120px;
height: 200%;
top: -50%;
right: -10%;
transform: rotate(-9deg);
transition: all .5s;
opacity: 0
}
.featured-news .container .row .col-md-6 ul li a:after {
position: absolute;
content: '>';
height: 200%;
padding: 0 30px 0 1rem;
font-weight: 700;
line-height: 80px;
transition: all .5s;
opacity: 0;
right: 0;
top: 0
}
.featured-news.featured-news-dark .container .col-md-6 a {
background-color: rgba(0, 0, 0, .2);
height: 80px;
color: #fff
}
.featured-news.featured-news-dark .container .col-md-6 a p {
color: rgba(255, 255, 255, .7)
}
.featured-news.featured-news-dark .container .col-md-6 a:before {
background-color: #01508D;
color: #fff
}
.featured-news.featured-news-dark .container .col-md-6 a:hover {
background-color: rgba(0, 0, 0, .3)
}
.featured-news.featured-news-dark .container .col-md-6 a:hover:after,
.featured-news.featured-news-dark .container .col-md-6 a:hover:before {
opacity: 1;
z-index: 5
}
.featured-news.featured-news-light .container .col-md-6 ul li:not(:last-child) {
margin-bottom: 0;
border-bottom: 1px solid rgba(0, 0, 0, .1) !important
}
.featured-news.featured-news-light .container .col-md-6 ul li a {
background-color: rgba(255, 255, 255, .8);
height: 80px;
color: #5C5C5C
}
.featured-news.featured-news-light .container .col-md-6 ul li a p {
opacity: .7
}
.featured-news.featured-news-light .container .col-md-6 ul li a:before {
background-color: rgba(0, 0, 0, .1)
}
.featured-news.featured-news-light .container .col-md-6 ul li a:hover {
background-color: rgba(0, 0, 0, .05)
}
.featured-news.featured-news-light .container .col-md-6 ul li a:hover:after,
.featured-news.featured-news-light .container .col-md-6 ul li a:hover:before {
opacity: .5;
z-index: 5
}
@media (max-width:768px) {
.featured-news .container .row .embed-responsive::before {
padding-top: 100%
}
}
.product-collection .container {
position: relative
}
.product-collection .container .row {
align-items: stretch;
display: flex
}
.product-collection .container .row .product-collection-item {
background-color: #fff;
transition: all .25s;
position: relative;
height: 100%
}
.product-collection .container .row .product-collection-item h3 {
transition: all .25s;
overflow: hidden;
color: #5C5C5C;
font-size: 18px
}
.product-collection .container .row .product-collection-item .product-collection-info {
padding: 15px
}
.product-collection .container .row .product-collection-item .product-collection-info p {
line-height: 20px;
max-height: 60px;
overflow: hidden
}
.product-collection .container .row .product-collection-item:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
transform: translateY(-3%)
}
.product-collection .container .row .product-collection-item:hover h3,
.product-collection .container .row .product-collection-item:hover p {
color: #01508D
}
.product-collection .product-collection-items {
margin-top: 0 !important
}
.product .container {
position: relative
}
.product .container .product-collection {
list-style: none;
padding: 0
}
.product .container .product-collection li a {
position: relative;
display: block;
overflow: hidden;
padding: 15px 35% 15px 15px;
font-weight: 400;
background-color: rgba(0, 0, 0, .4);
transition: all .25s;
color: #fff
}
.product .container .product-collection li a:before {
position: absolute;
content: '';
width: 4rem;
height: 200%;
top: -50%;
right: -10%;
transform: rotate(-9deg);
transition: all .25s;
opacity: 0;
background-color: #01508D
}
.product .container .product-collection li a:after {
position: absolute;
right: .8rem;
top: calc(50% - 10px);
content: '>';
transition: all .25s;
opacity: 0;
color: #fff
}
.product .container .product-collection li a:hover {
background-color: rgba(0, 0, 0, .6)
}
.product .container .product-collection li a:hover:before {
opacity: 1;
right: -4%
}
.product .container .product-collection li a:hover:after {
opacity: 1;
right: 1.5rem
}
.product .container .product-collection li:nth-of-type(odd) a {
background-color: rgba(0, 0, 0, .5)
}
.product .container .product-collection li.active a {
background-color: rgba(0, 0, 0, .6);
padding-right: 35%
}
.product .container .product-collection li.active a:before {
opacity: 1;
right: -4%
}
.product .container .product-collection li.active a:after {
opacity: 1;
right: 1.5rem
}
.product .container .product-collection li:not(:last-child) {
margin-bottom: 1px
}
@media (min-width:990px) {
.product .container .product-collection {
padding-left: 0
}
}
.product .container .product-collection.light li a {
background-color: rgba(255, 255, 255, .4);
color: rgba(0, 0, 0, .4)
}
.product .container .product-collection.light li a:before {
background-color: rgba(255, 255, 255, .3)
}
.product .container .product-collection.light li a:after {
color: rgba(0, 0, 0, .4)
}
.product .container .product-collection.light li a:hover {
background-color: rgba(255, 255, 255, .6)
}
.product .container .product-collection.light li:nth-of-type(odd) a {
background-color: rgba(255, 255, 255, .5)
}
.product .container .product-collection.light li.active a {
background-color: rgba(255, 255, 255, .6)
}
.product .container .product-row {
align-items: stretch;
display: flex
}
.product .container .product-row .product-item {
background-color: #fff;
transition: all .25s;
position: relative;
height: 100%
}
.product .container .product-row .product-item h3 {
transition: all .25s;
overflow: hidden;
color: #5C5C5C;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 18px
}
.product .container .product-row .product-item .product-info {
padding: 15px
}
.product .container .product-row .product-item .product-info p {
line-height: 20px;
max-height: 60px;
overflow: hidden
}
.product .container .product-row .product-item:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
transform: translateY(-3%)
}
.product .container .product-row .product-item:hover h3,
.product .container .product-row .product-item:hover p {
color: #01508D
}
.product .product-items {
margin-top: 0 !important
}
.article-collection .container {
position: relative
}
.article-collection .container .row {
align-items: stretch;
display: flex
}
.article-collection .container .row .article-collection-item {
background-color: #fff;
transition: all .25s;
position: relative;
height: 100%
}
.article-collection .container .row .article-collection-item h3 {
transition: all .25s;
overflow: hidden;
color: #5C5C5C;
font-size: 18px
}
.article-collection .container .row .article-collection-item .article-collection-info {
padding: 15px
}
.article-collection .container .row .article-collection-item .article-collection-info p {
line-height: 20px;
max-height: 60px;
overflow: hidden
}
.article-collection .container .row .article-collection-item:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
transform: translateY(-3%)
}
.article-collection .container .row .article-collection-item:hover h3,
.article-collection .container .row .article-collection-item:hover p {
color: #01508D
}
.article-collection .article-collection-items {
margin-top: 0 !important
}
.out-of-service {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: flex;
align-items: center;
align-content: center;
text-align: center
}
.out-of-service h1 {
color: #181818;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 28px
}
.out-of-service h3 {
color: #111111;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 18px;
margin-top: 20px;
margin-bottom: 20px
}
.article-detail .container h1 {
font-size: 28px;
word-wrap: break-word;
word-break: break-all
}
.article-detail .container .col-md-3,
.article-detail .container .col-md-9 {
margin-bottom: 15px
}
.article-detail .container .col-md-3 h3 {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 18px
}
.article-detail .container .btn {
min-width: 180px
}
.article-detail .container .article-detail-time {
margin-bottom: 20px
}
.article-detail .container .article-detail-time i {
vertical-align: middle
}
.article-detail .container .article-detail-share {
margin-top: 15px;
margin-bottom: 15px
}
.article-detail .container .article-detail-latest li {
transition: all .25s
}
.article-detail .container .article-detail-latest li a h3 {
transition: all .25s;
max-height: 44px;
overflow: hidden;
line-height: 22px;
color: #5C5C5C;
font-size: 16px;
margin-top: 10px
}
.article-detail .container .article-detail-latest li a p {
overflow: hidden;
max-height: 54px;
font-size: 14px;
line-height: 18px
}
.article-detail .container .article-detail-latest li a p:not(:last-child) {
margin-bottom: 6px
}
.article-detail .container .article-detail-latest li:not(:last-child) {
margin-bottom: 15px
}
.article-detail .container .article-detail-latest li:hover {
transform: translateY(-3%)
}
.article-detail.right .col-md-9 {
padding-right: 50px
}
.article-detail.left .col-md-9 {
padding-left: 50px
}
@media (max-width:768px) {
.article-detail .col-md-9 {
padding-left: 15px !important;
padding-right: 15px !important
}
}
.page-not-found .container {
text-align: center;
padding-top: 100px;
padding-bottom: 100px
}
.page-not-found .container h1 {
color: #181818;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 28px
}
.page-not-found .container h5 {
margin-top: 30px;
margin-bottom: 30px;
color: #909399
}
.thanks .container {
text-align: center;
padding-top: 100px;
padding-bottom: 100px
}
.thanks .container h1 {
color: #181818;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 28px
}
.thanks .container h5 {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 18px;
color: #111111
}
.thanks .container i {
color: #28a745;
font-size: 80px
}
.search .container [class*=col-] {
position: relative
}
.search .container h3 {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 18px;
color: #111111;
margin-bottom: 20px
}
.search .container .search-block:not(:last-child) {
margin-bottom: 40px
}
.search .container .search-row {
min-height: 150px;
align-items: stretch;
display: flex
}
.search .container .search-row .search-item {
background-color: #fff;
transition: all .25s;
position: relative;
height: 100%
}
.search .container .search-row .search-item .search-info {
padding: 15px
}
.search .container .search-row .search-item .search-info p {
font-size: 14px;
overflow: hidden;
color: #5C5C5C
}
.search .container .search-row .search-item:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
transform: translateY(-3%)
}
.search .container .search-row .search-item:hover h3,
.search .container .search-row .search-item:hover p {
color: #01508D
}
.search .container .search-nothing {
text-align: center
}
.search .container .search-nothing p {
padding: 30px;
background-color: rgba(0, 0, 0, .1)
}
.search:not(.active) .search-nothing {
display: none
}
.product-detail .container h1 {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
margin-bottom: 20px
}
.product-detail hr {
margin-top: 2rem;
margin-bottom: 2rem
}
.product-detail .product-detail-params .product-detail-affix,
.product-detail .product-detail-params .product-detail-line,
.product-detail .product-detail-params .product-detail-mosaic,
.product-detail .product-detail-params .product-detail-quote,
.product-detail .product-detail-params .product-detail-share {
margin-top: 15px
}
.product-detail .product-detail-params .product-detail-affix i,
.product-detail .product-detail-params .product-detail-line i,
.product-detail .product-detail-params .product-detail-mosaic i,
.product-detail .product-detail-params .product-detail-quote i,
.product-detail .product-detail-params .product-detail-share i {
font-size: 14px
}
.product-detail .product-detail-params .product-detail-line {
color: #909399;
padding-bottom: 8px;
border-bottom: 1px dotted #e5e5e5
}
.product-detail .product-detail-params .btn {
min-width: 180px
}
.product-detail .product-detail-summary {
margin-bottom: 15px
}
.product-detail .product-detail-summary li {
margin-left: 20px;
list-style: disc
}
.product-detail .product-detail-tiling {
margin: 15px -5px -10px -5px
}
.product-detail .product-detail-tiling .col-md-2 {
padding-right: 5px;
padding-left: 5px;
margin-bottom: 10px;
cursor: pointer
}
.product-detail .product-detail-tiling .col-md-2 .embed-responsive.active {
border: 2px solid #01508D
}
.product-detail .product-detail-tiling .col-md-2:hover .embed-responsive img {
opacity: .8;
transform: scale(1.2)
}
.product-detail .product-detail-description {
margin-top: 40px
}
.product-detail .product-detail-price {
position: relative
}
.product-detail .product-detail-price .table {
position: relative;
z-index: 10
}
.product-detail .product-detail-price .table td {
color: #909399
}
.product-detail .product-detail-price .table td,
.product-detail .product-detail-price .table th {
border-color: rgba(0, 0, 0, .05)
}
.product-detail .product-detail-price .table tr:last-child td,
.product-detail .product-detail-price .table tr:last-child th {
color: #007AC6
}
.product-detail .product-detail-price:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #01508D;
opacity: .1
}
.product-detail .product-detail-mosaic p {
text-align: center;
margin-top: 5px
}
.product-detail .product-detail-singlePrice p {
font-size: 16px
}
.product-detail .product-detail-singlePrice p:last-child {
color: #007AC6
}
.product-detail .product-detail-stock .stock-item {
border-bottom: 1px dotted #e5e5e5;
margin-bottom: 5px;
padding-bottom: 5px
}
.product-detail .product-detail-stock .stock-item .row .embed-responsive {
width: 32px
}
.product-detail .product-detail-stock .stock-item .row .col {
display: flex;
align-items: center
}
.product-detail .product-detail-stock .stock-item:not(.active) {
display: none
}
.product-detail .product-detail-stock .stock-item .stock-item-prop {
color: #909399;
line-height: 32px
}
.product-detail .product-detail-stock .stock-item-more {
cursor: pointer;
transform: all .25s
}
.product-detail .product-detail-stock .stock-item-more:hover {
color: #01508D
}
.product-detail .slick-slider-thumbnail {
margin-top: 15px
}
.product-detail .embed-responsive {
transform: all .25s
}
.product-detail .embed-responsive.active {
border: 2px solid #01508D
}
.product-detail .product-detail-spec .table tr td:first-child {
width: 220px
}
@media (max-width:768px) {
.product-detail hr {
margin-top: 1rem;
margin-bottom: 1rem
}
.product-detail .embed-responsive.active {
border: 0 !important
}
.product-detail .swiper-thumbs .swiper-slide-active {
border: 0 !important
}
.product-detail .product-detail-params .product-detail-affix .btn,
.product-detail .product-detail-params .product-detail-quote .btn {
width: 100%
}
.product-detail .product-detail-spec .table tr td:first-child {
width: 120px
}
.product-detail .swiper-pagination {
position: relative;
margin-top: 10px;
margin-bottom: 10px
}
.product-detail .swiper-pagination .swiper-pagination-bullet {
margin-left: 5px;
margin-right: 5px
}
.product-detail .swiper-pagination .swiper-pagination-bullet-active {
background-color: rgba(0, 0, 0, .5)
}
}
.video-text .container h3 {
color: #181818;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 28px;
margin-bottom: 20px
}
.video-text .container h5 {
color: #111111;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 18px;
margin-bottom: 10px
}
.video-text .container .video-text-content.center {
text-align: center
}
.video-text .container .video-text-content.right {
text-align: right
}
.video-text .container .video-text-text+.video-text-button,
.video-text .container h3+.video-text-button,
.video-text .container h5+.video-text-button {
margin-top: 20px
}
.video-text .container .btn {
min-width: 100px
}
.video-text .container .embed-responsive:before {
padding-top: 56.22317597%
}
.video-text.line .video-text-content.left h3:before {
content: "";
margin-right: 10px !important;
border-left: 4px solid #01508D
}
.video-text.line .video-text-content.right h3:after {
content: "";
margin-left: 10px !important;
border-right: 4px solid #01508D
}
.video-text.line .video-text-content.center h3 {
position: relative;
margin-bottom: 50px
}
.video-text.line .video-text-content.center h3:after {
content: '';
position: absolute;
height: 4px;
width: 80px;
left: calc(50% - 40px);
background-color: #01508D;
bottom: -20px
}
@media (max-width:768px) {
.video-text.left .video-text-content {
margin-top: 1rem
}
.video-text.right .video-text-content {
margin-bottom: 1rem
}
.video-text .embed-responsive:before {
padding-top: 100%
}
}
.button-list .btn {
margin: 5px
}
.button-list .rounded .btn {
border-radius: 20px
}
.button-list .rounded .btn.btn-slide {
border-radius: 25px
}
.anchor {
transition: all .5s
}
.anchor nav {
z-index: 991;
padding-top: 0;
padding-bottom: 0
}
.anchor nav .navbar-brand {
height: 68px;
display: flex;
align-items: center;
position: relative;
padding-right: 10px
}
.anchor nav .navbar-brand img {
max-height: 50px;
margin-right: 10px;
vertical-align: middle
}
.anchor nav .dropdown-item,
.anchor nav .nav-link,
.anchor nav .navbar-brand {
padding-right: 15px;
padding-left: 15px;
color: #333
}
@media (max-width:768px) {
.anchor .fo-drop {
margin-left: 0 !important
}
.anchor .fo-drop .dropdown-toggle:before {
display: none
}
.anchor nav {
background-color: #fff
}
.anchor nav .nav-link {
padding: 8px 36px 8px 0;
line-height: 20px;
border-bottom: 1px solid #e9ecef
}
.anchor nav .navbar-brand {
height: 50px;
padding: 0
}
.anchor nav .navbar-brand img {
max-height: 30px
}
.anchor nav .navbar-nav {
border-top: 1px solid #e9ecef
}
.anchor nav .dropdown-toggle:after {
display: none
}
.anchor nav .navbar-brand-fullView {
display: none
}
}
@media (min-width:768px) {
.anchor nav .navbar-nav li {
position: relative
}
.anchor nav .navbar-nav li .nav-link {
line-height: 52px
}
.anchor nav .navbar-nav li .nav-link.active {
background-color: #01508D
}
.anchor nav .navbar-nav li:hover .nav-link:before {
opacity: 1 !important
}
.anchor.fixed-top nav {
background-color: #fff;
box-shadow: 0 3px 5px rgba(0, 0, 0, .15)
}
.anchor:not(.full-view) nav.logo-back:not(.logo-center) .container {
position: relative
}
.anchor:not(.full-view) nav.logo-back:not(.logo-center) .container:before {
content: '';
height: 100%;
width: 100%;
position: absolute;
left: calc(-100% + 15px);
top: 0;
background-color: #01508D
}
.anchor:not(.full-view) nav.logo-back:not(.logo-center) .container .navbar-brand {
background-color: #01508D
}
.anchor:not(.full-view) nav.logo-back:not(.logo-center) .container .navbar-brand:before {
content: '';
position: absolute;
top: 0;
left: 100%;
border-top: 68px solid transparent;
border-bottom: 0 solid transparent;
border-left: 20px solid #01508D
}
.anchor.full-view {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030
}
.anchor.full-view nav .navbar-brand img {
display: none
}
.anchor.full-view nav .navbar-brand img.navbar-brand-fullView {
display: inline-block
}
.anchor.full-view.fixed-top nav .navbar-brand img {
display: inline-block
}
.anchor.full-view.fixed-top nav .navbar-brand img.navbar-brand-fullView {
display: none
}
.anchor.full-view:not(.fixed-top) nav {
background: 0 0 !important
}
}
.anchor .logo-center .container {
position: relative
}
@media (min-width:1200px) {
.anchor .logo-center .container .navbar-brand {
position: absolute;
width: 25%;
left: calc(50% - 12.5%);
z-index: 11 !important;
justify-content: center
}
}
@media (min-width:1200px) {
.anchor .logo-center .container .navbar-nav {
position: relative;
width: 100%;
justify-content: flex-start !important
}
.anchor .logo-center .container .navbar-nav .nav-item {
width: 12.5%
}
.anchor .logo-center .container .navbar-nav .nav-item:nth-of-type(3) {
margin-right: 12.5%
}
.anchor .logo-center .container .navbar-nav .nav-item:nth-of-type(4) {
margin-left: 12.5%
}
.anchor .logo-center .container .navbar-nav .nav-item .nav-link {
text-align: center
}
}
.anchor:not(.full-view) nav {
box-shadow: 0 3px 5px rgba(0, 0, 0, .15)
}
.anchor-pin {
height: 0;
display: none;
overflow: hidden
}
.copyright {
text-align: center;
background-color: var(--colorCopyright);
color: var(--colorCopyrightText);
padding-bottom: 15px;
padding-top: 15px
}
.copyright a {
color: var(--colorCopyrightText);
margin-left: 15px
}
.copyright a:hover {
color: var(--colorButtonHover)
}
.iframe .container-fluid {
padding-left: 0;
padding-right: 0
}
.iframe .embed-responsive:before {
padding-top: 40%
}
.sw2 img{
max-width: 100%;
margin: 0 auto;
/* vertical-align: middle; */
}
.section-1194184384375951374 img{
width: 100%;
margin: 0 auto;
}
.section-1194184384375951370 .col-no-gap img{
width: 100%;
}
.layui-layer-content{
padding: 30px 20px 10px 20px;
}
#layerform{
display: none;
}
.layui-layer-content form{
display: block!important;
}
.hzhb .embed-responsive-item{
height: auto;
top: 50%;
transform: translateY(-50%);
}
.sw1 img{
width: 100%;
}
.logo-desc2{
display: none;
}
.logo-tel{
display: none;
}
@media (max-width: 768px){
.logo-desc{
font-size: 12px;
margin-left: -34px;
display: none;
}
.logo-desc2{
font-size: 12px;
color: #fff;
display: block;
}
.header .secondary-bar{
padding-top: 6px;
padding-bottom: 6px;
}
.logo-tel{
display: block;
color: #01508d;
}
.logo-tel a{
color: #01508d;
}
.logo-tel i{
padding-right: 6px;
}
}